.stProdRegImg {
    border: 1px solid #dddddd;
    padding: 6px;
    margin: 6px;
    background: #fff;
   
}

.stProdRegImgQuart {
    border: 1px solid #dddddd;
    padding: 5px;
    margin: 0px;
    background: #fff;
    height:132px;
}

.RegAdsImg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: static;
}

@media (min-width:991px) {

    

    .stProdRegImg {
        height: 105px;
    }

    .PremiumAdsImg {
        max-height: 114px;
    }

    
}

@media (min-width:1160px) {
  

    .stProdRegImg {
        height: 125px;
    }

    .PremiumAdsImg {
        max-height: 131px;
    }


}

@media (min-width:1200px) {
  

    .PremiumAdsImg {
        max-height: 148px;
    }

    
}

@media (min-width:1440px) {
   

    .stProdRegImg {
        height: 120px;
    }

    .PremiumAdsImg {
        max-height: 159px;
    }

    
}

@media (max-width: 990px)  {
    .RegAdsImg {
        object-fit:contain;
        height: 125px;
        width: 125px;
        position:relative;
    }
    .stProdWrap {
        height: 296px!important;
    }
    .PremiumProdWrap {
        height: 323px !important;
    }
}

.stProdSpDesc {
    font-size: 18px;
}

.stProdSpPrice {
    font-size: 18px;
}

.stRegProdDesc {
    padding-top: 3px;
    font-size: 14px;
    height: 43px;
    overflow: hidden;
}

.stAmazonProdDesc {
    padding-top: 3px;
    font-size: 14px;
    height: 106px;
    overflow: hidden;
    
}

.stRegProdPrice {
    font-size: 14px;
    padding-top:3px;
    font-weight:bold;
    color:#923207;
}

.stRegProdStore {
    font-size: 14px;
}

.stRegProdListType {
    font-size: 14px;
    color:#106529;
    font-weight:bold;
    padding-top:3px;
}
.stGalCont{

    
}
.stProdWrap {
    border: 1px solid #e0e0e0;
    margin-bottom:12px;
    height: 311px;
    background:#f7f7f7;
}
.stProdWrap:hover {
    background: #f5f5f5;
}
.stRegProdLocation {
    font-size: 12px;
    padding-left: 3px;
    color: #7c7c7c;
    text-align:center;
}

.PremiumProdWrap {
    min-height: 175px;
    border: 1px solid #bababa;
    margin-bottom: 12px;
    background: #f7f7f7;
    -webkit-box-shadow: 6px 6px 23px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 23px -12px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 23px -12px rgba(0,0,0,0.75);
    display:inline-block;
}
.PremiumProdRegImg {
    border: 1px solid #dddddd;
    padding: 6px;
    margin: 6px;
    background: #fff;
    height:161px;
}
.premiumImg_1 {
    height: 146px;
}
.premiumImg_2 {
    height: 146px;
}

.premFull {
    background:#eddada;
    min-width:100%;
}
.premHalf {
    background: #e4fec8
}
.premQuart{
    min-height:302px;
}
.amazonSearchResult {
    background: #fff;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    border: 1px solid #bab3a0;
    -webkit-box-shadow: 6px 6px 23px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 23px -12px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 23px -12px rgba(0,0,0,0.75);
}
/* =====================================================================
   Modern result-card grid -- gallery content page (#galItems / #galItems2).
   Scoped to .s2t-member-gallery-items so ONLY the member gallery page gets
   the new grid; the legacy unscoped .stProd* rules above stay for the
   home-page gallery widget (web/Default.aspx), which has no wrapper class.
   Markup (.stGalCont/.stProdWrap/.RegAdsImg/.stRegProd*) is server-emitted
   by Merchant.BuildGalaryListing -- class names preserved. Added 2026-06-25. */
#EchoMainContent .s2t-member-gallery-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;  /* UI-31: a touch more air, still 4-across on desktop (owner 2026-07-18) */
    background: transparent;
}
#EchoMainContent .s2t-member-gallery-items > a { display: block; text-decoration: none; color: inherit; }
/* GAL-01a: depth-agnostic anchor reset -- the hidden <a> at Merchant.cs:2005 makes the parser reconstruct link-styled anchors around card text; kill underline/link-colour at any depth */
#EchoMainContent .s2t-member-gallery-items a { text-decoration: none !important; color: inherit !important; }
#EchoMainContent .s2t-member-gallery-items .stGalCont {
    width: auto !important; float: none !important; padding: 0 !important; height: 100%;
}
#EchoMainContent .s2t-member-gallery-items .stProdWrap {
    display: flex; flex-direction: column; height: 100% !important; margin: 0 !important;
    background: var(--s2t-surface, #fff);
    border: 1px solid var(--s2t-brand-light, #86AF99);
    border-radius: var(--s2t-radius-md, 12px);
    overflow: hidden;
    box-shadow: var(--s2t-shadow-1, 0 1px 3px rgba(0,0,0,.08));
    transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
#EchoMainContent .s2t-member-gallery-items > a:hover .stProdWrap {
    box-shadow: var(--s2t-shadow-2, 0 2px 8px rgba(0,0,0,.10));
    border-color: var(--s2t-brand, #4A8A68);
    transform: translateY(-2px);
}
#EchoMainContent .s2t-member-gallery-items .stProdRegImg {
    margin: 0 !important; padding: 0 !important; border: 0 !important;
    width: 100%; height: auto !important; aspect-ratio: 4 / 3;
    background: #f2f4f3;
    border-bottom: 1px solid var(--s2t-brand-light, #86AF99) !important;
    overflow: hidden;
}
#EchoMainContent .s2t-member-gallery-items .RegAdsImg {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; object-position: center;
    position: static !important; display: block;
}
#EchoMainContent .s2t-member-gallery-items .stRegProdListType,
#EchoMainContent .s2t-member-gallery-items .stRegProdDesc,
#EchoMainContent .s2t-member-gallery-items .stRegProdPrice,
#EchoMainContent .s2t-member-gallery-items .stRegProdStore,
#EchoMainContent .s2t-member-gallery-items .stRegProdLocation {
    text-align: left !important;
    padding-left: var(--s2t-space-3, 12px); padding-right: var(--s2t-space-3, 12px);
}
#EchoMainContent .s2t-member-gallery-items .stRegProdListType {
    display: block; width: fit-content; max-width: calc(100% - var(--s2t-space-4, 16px));
    margin: var(--s2t-space-3, 12px) auto var(--s2t-space-2, 8px);
    padding: 3px 11px !important;
    text-align: center !important;
    font-size: .64rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; line-height: 1.3;
    color: var(--s2t-brand-deep, #044D31);
    background: color-mix(in srgb, var(--s2t-brand, #4A8A68) 13%, #fff);
    border: 1px solid color-mix(in srgb, var(--s2t-brand, #4A8A68) 28%, #fff);
    border-radius: var(--s2t-radius-pill, 9999px);
}
#EchoMainContent .s2t-member-gallery-items .stRegProdDesc {
    margin-top: 2px; height: auto; max-height: none;
    font-size: .95rem; font-weight: 600; line-height: 1.3; color: var(--s2t-text, #1A1A1A);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
#EchoMainContent .s2t-member-gallery-items .stRegProdPrice {
    margin-top: var(--s2t-space-2, 8px); font-size: 1rem; font-weight: 700; color: #923207;
}
#EchoMainContent .s2t-member-gallery-items .stRegProdStore {
    margin-top: var(--s2t-space-4, 16px); padding-top: var(--s2t-space-3, 12px);
    border-top: 1px solid color-mix(in srgb, var(--s2t-brand-light, #86AF99) 55%, transparent);
    font-size: .82rem; line-height: 1.4; color: var(--s2t-text, #1A1A1A);
}
#EchoMainContent .s2t-member-gallery-items .stRegProdLocation {
    margin-top: var(--s2t-space-1, 4px); padding-bottom: var(--s2t-space-4, 16px);
    font-size: .76rem; line-height: 1.4; color: var(--s2t-muted, #848484);
}
/* store + location leading icons (FA5 Pro solid; markup unchanged) */
#EchoMainContent .s2t-member-gallery-items .stRegProdStore::before,
#EchoMainContent .s2t-member-gallery-items .stRegProdLocation::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 900;
    display: inline-block; width: 1.1em; margin-right: 5px;
    font-size: .82em; text-align: center; color: var(--s2t-brand, #4A8A68);
}
#EchoMainContent .s2t-member-gallery-items .stRegProdStore::before { content: "\f54e"; }    /* fa-store */
#EchoMainContent .s2t-member-gallery-items .stRegProdLocation:has(.addrline:not(:empty))::before { content: "\f3c5"; } /* fa-map-marker-alt -- only when an address line has text (avoids a lone pin on empty locations) */
/* comma-join the two server addrline divs onto one line; suppress comma when a line is empty */
#EchoMainContent .s2t-member-gallery-items .stRegProdLocation .addrline { display: inline; }
#EchoMainContent .s2t-member-gallery-items .stRegProdLocation .addrline:empty { display: none; }
#EchoMainContent .s2t-member-gallery-items .stRegProdLocation .addrline + .addrline::before { content: ", "; }
#EchoMainContent .s2t-member-gallery-items .stRegProdLocation .addrline:empty + .addrline::before { content: ""; }
#EchoMainContent .s2t-member-gallery-items .addrline { line-height: 1.3; }
#EchoMainContent .s2t-member-gallery-items .PremHighAd {
    border-color: var(--s2t-accent, #F07A2D) !important;
    box-shadow: 0 0 0 1px var(--s2t-accent, #F07A2D), var(--s2t-shadow-1, 0 1px 3px rgba(0,0,0,.08));
}
#EchoMainContent .s2t-member-gallery-items .InvestPlusStd { padding: 0 var(--s2t-space-3, 12px) var(--s2t-space-2, 8px); }
#EchoMainContent .s2t-member-gallery-items .InvestPlusStd img { height: 20px; width: auto; }
#EchoMainContent .s2t-member-gallery-items .fa-stop { color: var(--s2t-brand-light, #86AF99); }
@media (max-width: 575px) {
    #EchoMainContent .s2t-member-gallery-items {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--s2t-space-3, 12px);
    }
}